<template>
  <div class="footer">
    <div>
      <ul>
        <li>关于我们</li>
        <li>隐私协议</li>
        <li>用户条款</li>
        <li>版权所有：扬州萌翻星互联网科技有限公司</li>
      </ul>
      <div>
        <p>苏ICP备2021029259号-2</p>
        <p>增值电信业务经营许可证 苏B2-20211127</p>
        <p><span><img src="//oss.86skins.com/releases/hp/static/static/ga.d0289.png" ></span>苏公网安备 32100202010313号</p>
      </div>
      <div>
        <p><img src="../assets/icon_payments.1e64a.png" ></p>
      </div>
    </div>

  </div>
</template>

<script>
export default {
 data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style>
  .footer{
   padding: 50px 0;
   color: #4f5865;
   width: 100%;
   max-width: 2600px;
   margin:0 auto;
  }
  .footer>div{
    margin: 0 auto;
    width: 1200px;
  }
  .footer>div >ul{
    display: flex;
    justify-content: center;
  }
   .footer>div>ul li{
     padding: 0 5px;
     border-right: 1px solid #4f5865 ;
     cursor: pointer;
     font-size: 16px;
   }
   .footer>div>ul li:last-child{
     border-right: none ;
   }
   .footer>div>ul li:hover{
     color: #FFFFFF;
   }
   .footer>div>ul li:last-child:hover{
     color: #4f5865;
     cursor: default;
   }
   .footer>div>div:first-of-type{
     display: flex;
     justify-content: center;
     margin-top: 20px;
     font-size: 16px;
   }
   .footer>div>div:first-of-type>p{
     padding: 0 5px;
     border-right: 1px solid #4f5865 ;
     cursor: pointer;
     line-height: 20px;
     cursor: pointer;
     height: 20px;
     display: flex;align-items: center;
   }
   .footer>div>div:first-of-type>p:hover{
     color: #fff;
   }
   .footer>div>div:first-of-type>p:nth-child(2){
     cursor:default
   }
   .footer>div>div:first-of-type>p:nth-child(2):hover{
    color: #4f5865;
   }
   .footer>div>div:last-child{
     margin-top: 25px;
   }
</style>
